<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/vue.js"></script>
		<script src="js/axios.min.js"></script>
	</head>
	<body>
		<div id="a">
			<button @click="show()">点我获取数据</button>
			<p>{{name}}</p>
			
			<p v-for="a in hobby">{{a}}</p>
		</div>
		<script>
			var a=4;
			var b='4';
			alert(a===b)
			
			new Vue({
				el:"#a",
				data(){
					return{
						name:'',
						hobby:''
					}
				},
				methods:{
					show(){
						axios.get("01.json").then(a => {                                                                                                                                                                                                                                                                                                                                                                                                                                              
							this.name= a.data.name;
							console.log(a.data);
							this.hobby=  a.data.hobby;
							})
					}
				}
			})
		</script>
	</body>
</html>
